/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
    --ifm-color-primary: #27729b;
    --ifm-color-primary-dark: #23678c;
    --ifm-color-primary-darker: #216184;
    --ifm-color-primary-darkest: #1b506d;
    --ifm-color-primary-light: #2b7dab;
    --ifm-color-primary-lighter: #2d83b2;
    --ifm-color-primary-lightest: #3394ca;
    --ifm-code-font-size: 85%;
    --ifm-code-padding-horizontal: 0.3rem;
    --ifm-global-radius: 0.3rem;
    --ifm-code-border-radius: 0.2rem;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
    --ifm-h1-font-size: 2.5rem;
    --ifm-heading-font-weight: 500;
    --ifm-button-font-weight: var(--ifm-heading-font-weight);
    --ifm-hr-background-color: var(--ifm-color-emphasis-200);
}

.navbar__title {
    font-weight: 600;
}

.navbar__link {
    font-weight: var(--ifm-font-weight-normal);
}

.menu {
    font-weight: var(--ifm-font-weight-normal);
}

.badge {
    font-weight: var(--ifm-font-weight-normal);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
    --ifm-color-primary: #c0a3ff;
    --ifm-color-primary-dark: #a379ff;
    --ifm-color-primary-darker: #9564ff;
    --ifm-color-primary-darkest: #6a26ff;
    --ifm-color-primary-light: #ddcdff;
    --ifm-color-primary-lighter: #ebe2ff;
    --ifm-color-primary-lightest: #ffffff;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 996px) {
    :root {
        --ifm-font-size-base: 16px;
    }

    .banner-img {
        display: none;
    }
}

@media screen and (min-width: 997px) {
    :root {
        --ifm-font-size-base: 16px;
    }

    .hero__subtitle {
        margin-top: 2rem;
    }

    .hero__title {
        font-size: 4rem;
        margin-left: -20px;
    }

    .markdown h1:first-child {
        --ifm-h1-font-size: 2.5rem;
    }

    .title_node_modules-\@docusaurus-theme-classic-lib-next-theme-DocCategoryGeneratedIndexPage-styles-module {
        --ifm-h1-font-size: 2.5rem !important;
    }

    .markdown {
        --ifm-h3-vertical-rhythm-top: 2;
    }

    hr {
        margin-top: 2.5rem;
    }

    .markdown > h2 {
        margin-bottom: calc(var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading) * 1.5);
    }
}

.menu__caret:before {
    background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 1.5rem;
}

html[data-theme="light"] .navbar__item.header-github-link {
    background: url() 0/20px 20px no-repeat;
}

.navbar__item.header-github-link {
    padding-left: 1.6rem;
    padding-bottom: 0.2rem;
    margin-left: 1rem;
    margin-right: -1rem;
    background: url() 0/20px 20px no-repeat;
}
